iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 26
0
Modern Web

與WordPress的邂逅,像極了愛情!系列 第 26

了解 WordPress SMTP 外掛

  • 分享至 

  • xImage
  •  

《本篇文章同步發表在我瘋官方粉絲團&我瘋官方網站

簡單來說,SMTP 是定義不同郵件伺服器電子郵件之間,進行電子郵件的交換與傳輸的通訊協定

如果現在架設完網站後,發現無法收到 WordPress 網站所發出的信件,代表你缺少了 SMTP 的設定,而我們是利用 GCP 架設網站,它只是提供一個空的電腦,必須由我們自行設定。

現在我們先來看看 WordPress Email 的寄送流程。
以下圖片取材自 優易教學網

https://i.imgur.com/yp78Lsi.png

WordPress 是利用 原生函數 wp_mail() 去發信的,但如果單純用這個函數去發信,會基於安全理由,信件會直接被擋掉,導致對方會收不到信件。
所以我們就會需要一個有 SMTP 的 Server 或是串接 Mail API 的方式去幫我們處理郵件,才不會被擋掉。


接下來,我們就開始實作 SMTP 外掛的設定吧 !

此實作以串接 Gmail API為例

1. 下載「WP Mail SMTP」外掛並安裝

https://i.imgur.com/Td6SaSe.png

2. 設定寄件者資訊 ( 郵件地址及名稱 )

https://i.imgur.com/bqp5H0r.png

3. 串接 Gmail API

  • 建立專案

若先前已為網站建立過專案,可選擇舊有的專案。

https://i.imgur.com/uqVyRoE.png

  • 前往「憑證」

https://i.imgur.com/U3AIwxJ.png

  • 設定憑證,並點選「我需要哪些憑證?」

https://i.imgur.com/uybib7v.png

  • 先回到 Wordpress 後台,移至最下方將「已授權重新導向URI」複製下來

https://i.imgur.com/SgUogTa.png

  • 建立 OAuth 2.0 用戶端 ID

將上述複製的 URI ,貼至「已授權的重新導向 URI」;「已授權的 JavaScript 來源」 填上你的網站網址。

https://i.imgur.com/V4Sgukc.png

  • 點選重新整理,並設定同意畫面

https://i.imgur.com/IfnZBp8.png

https://i.imgur.com/Y8vAxcE.png

  • 設定應用程式名稱及已授權網域 (填上網站網址)

    https://i.imgur.com/V0hR3ZO.png

  • 顯示憑證後,點選稍後再下載

https://i.imgur.com/zuh8t5m.png

  • 至憑證點選剛剛建立的 SMTP 憑證,並將用戶端編號及密碼複製到 WordPress 後台填上,最後進行驗證。

https://i.imgur.com/dMeC6oD.png

https://i.imgur.com/2MsZgtG.png

https://i.imgur.com/Coz8yzp.png

  • 設定完成後,可以進行電子郵件測試,信件傳送成功啦 !

https://i.imgur.com/1ut25Rm.png

《精采文章同步發表》
1.我瘋FB粉絲專頁:https://www.facebook.com/我瘋程式工作室wowfuncode-102683961458110/
2.我瘋官網:https://www.wowfuncode.com/category/blog/


上一篇
WordPress 加入 Google Analytics 實現偷窺的樂趣(下)
下一篇
會員管理網站實作篇 - (以律師諮詢平台為例子) part 1
系列文
與WordPress的邂逅,像極了愛情!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言